@charset "gb2312";
/* html {filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}*/
/* reset css */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li,pre, fieldset, lengend, button, input, textarea, th, td,span{margin: 0;padding: 0;}
ul, ol { list-style: none; }
a { text-decoration: none; }
a:hover { text-decoration: none !important; }
fieldset, img { border: none; }
button, input, select, textarea {font-size: 100%; }
/*public background-images*/
.fl{float: left;}
.fr{float: right;}
.main{width: 1200px;margin: 0 auto;}
.topHeader i{background:url(../public/topIcon.png) no-repeat;}
/*header css*/
.headLayle{width: 100%;height: 122px;}
.header{/*position:fixed;*/top:0;left:0;width: 100%;height: 122px;z-index: 20;background: #fff;box-shadow:0 5px 5px rgba(0,0,0,.05)}
.topHeader{width: 100%;height: 37px;line-height: 36px;background: #f5f5f5;border-bottom: 1px solid #e9e9e9;font-size: 14px;color: #666;}
.topHeader .Logo{height: 30px;margin: 4px 0;}
.topHeader .nav a,.topHeader .downList{font-size: 16px;color: #666666;margin-right: 40px;float: left;position: relative;width: auto;cursor: pointer;line-height: 37px;height: 37px;}
.topHeader i{vertical-align: -4px;margin-right: 5px;margin-top: 9px;}
.topHeader .icon_app{display: inline-block;width: 13px;height: 20px;background-position: -7px -6px;}
.topHeader .icon_wx{display: inline-block;width: 24px;height: 20px;background-position: -26px -6px;}
.topHeader .appCode_box{display: none;width: 260px;height: 150px;border-radius: 8px;border: 1px solid #ebebeb;position: absolute;top: 38px;left: 50%;transform:translate(-50%,0);background: #fff;z-index:99999;}
.topHeader .wxCode_box{width: 130px;}
.topHeader .appCode_box em{display: inline-block;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #fff;position: absolute;top: -10px;left: 50%;margin-left: -5px;}
.topHeader .appCode_box ul li{float: left;margin: 10px 10px 0;}
.topHeader .appCode_box ul li:last-child{margin-right: 0;}
.topHeader .appCode_box ul li .codePic{display:block;width: 110px;height: 110px;background: #bbbbbb;float: left;}
.topHeader .appCode_box ul li .codePic img{width: 100%;height: 100%;}
.topHeader .appCode_box ul li h4{font-size: 14px;color: #666666;font-weight: normal;text-align: center;line-height: 30px;}
.topHeader .downList:hover .appCode_box{display: block;}
.topHeader .rightBox a{border: 0;background: #f5f5f5;color: #666;cursor: pointer;margin-left: 16px;}
.topHeader .rightBox a:hover{color: #ed3f3f;}
.topHeader .icon_cart{display: inline-block;width: 18px;height: 20px;background-position: -56px -6px;}
.topHeader .rightBox .regBtn{display:inline-block;width: 79px;height: 25px;background: #4455c2;color: #fff;text-align:center;line-height:25px;}
.topHeader .rightBox .regBtn:hover{background: #ed3f3f;color: #fff;}
.topHeader .rightBox .headPic{display: block;float: right;height: 37px;line-height: 37px;margin-left: 16px;}
.topHeader .rightBox .headPic .picBox{float: left;padding-top: 2px;margin-right: 5px;}
.topHeader .rightBox .headPic .picBox img{width: 30px;height: 30px;border-radius: 30px;border: 1px solid #e7e7e7;}
.topHeader .rightBox .headPic p{float: left;}
.topHeader .rightBox .headPic a{color: #666;}
.topHeader .rightBox .login_on{padding-top: 2px;position: relative;margin-left: 15px;}
.topHeader .rightBox .login_on .headerPic{width: 32px;height: 32px;border-radius: 32px;background:#e1e1e1;overflow: hidden;margin-right: 6px;}
.topHeader .rightBox .login_on .headerPic img{width: 100%;height: 100%;}
.topHeader .rightBox .login_on .userName{font-size: 14px;color: #666666;}
.topHeader .rightBox .login_on .listBox{display: none; position: absolute;top: 38px;right: 0;border-radius: 8px; background: #fff;border: 1px solid #e7e7e7;width: 130px;padding: 8px 0 4px;z-index: 99999;}
.topHeader .rightBox .login_on .listBox em{display: inline-block;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #fff;position: absolute;top: -10px;right: 10px;}
.topHeader .rightBox .login_on .listBox p{width: 100%;line-height: 36px;}
.topHeader .rightBox .login_on .listBox p a{padding-left: 20px; margin-left: 0;font-size: 14px;color: #333333;display:block;background: #fff;}
.topHeader .rightBox .login_on .listBox p a:hover{background: #ecedf7;}
.topHeader .rightBox .login_on i{display: inline-block;width: 19px;height: 19px;position: relative;margin-right: 8px;}
.topHeader .rightBox .login_on i u{position: absolute;display: inline-block;width: 6px;height: 6px;border-radius: 6px;background: #fc444c;right: -5px;top: 0;}
.topHeader .rightBox .login_on .icon_class{background-position: -7px -35px;}
.topHeader .rightBox .login_on .icon_item{background-position: -79px -6px;}
.topHeader .rightBox .login_on .icon_order{background-position: -33px -35px;}
.topHeader .rightBox .login_on .icon_msg{background-position: -57px -35px;}
.topHeader .rightBox .login_on .icon_quit{background-position: -80px -35px;}
.topHeader .rightBox .login_on:hover .listBox{display: block;}